<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>铁杆圈发表</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
     <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/jk-new-publish.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
    	textarea{border: none;margin: 0;}
    	input[type=text]{margin-bottom: 5px;border: none;}
    	.marbottom{margin-bottom: 5px;}
    	.marbottom img{width: 25%;max-height: 100px;margin-left: 15px;}
    	#body{padding-top:15px;padding-left:15px;}
    	#cont{-webkit-user-select: text;user-select: text;overflow-y: auto;text-break: brak-all;outline: "none"};
		#cont img{width: 100%; word-wrap : break-word;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title">发表</h1>
		<span class="mui-pull-right" id="submit" style="line-height: 44px;">确定</span>
	</header> 
	<div id="content" class="mui-content">
		<input type="text" class="title" placeholder="请在此输入标题"/> 
		<textarea name="description" rows="2" cols="" placeholder="请在此输入简介"></textarea>
		<div class="background marbottom">	
			<input type="text" placeholder="请在此上传一张缩略图" disabled/> 
			<img src="../images/jia.jpeg" class="litpic"/>
		</div>
		<div class="background" style="padding: 11px 15px 0 15px;">	
			<!--<input type="hidden" id="target">
			<div id="body" style="height: 150px;" contenteditable="true"></div>
			<input id="imageUpload" type="file" name="fileInput" capture="camera" accept="image/*" style=" position:absolute;left:0;opacity:0;width:100%;">
			<img src="../images/jia.jpeg" alt="" id="uploadPhoto" style="max-height: 100px;margin-left: 15px;" />-->
			<div id="cont" style="height: 200px;" contenteditable="true"></div>
			<img src="../images/jia.jpeg" class="uploadpic" style="width: 25%;"/>
		</div>
	</div>
<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action" style="display: none;">
	<!-- 可选择菜单 -->
	<ul class="mui-table-view">
		<li class="mui-table-view-cell paizhao">
			<a href="#sheet1">拍照添加</a>
		</li>
		<li class="mui-table-view-cell photo">
			<a href="#sheet1">相册添加</a>
		</li>
	</ul>
	<!-- 取消菜单 -->
	<ul class="mui-table-view">
		<li class="mui-table-view-cell">
			<a href="#sheet1"><b>取消</b></a>
		</li>
	</ul>
</div>
</body> 
	
	<script src="../js/artEditor.min.js"></script>
	<script>
		$(function() {
			"use strict";
			$('#body').artEditor({
				imgTar: '#imageUpload',
				limitSize: 5,   // 兆
				showServer: false,
				uploadUrl: '',
				data: {},
				uploadField: 'image',
				placeholader: '<p style="font-size:17.5px;color:#AAAAAA;">请在此输入内容</p>',
				validHtml: ["<br/>"],
				formInputId: 'target',
				uploadSuccess: function(res) {
					// return img url
					return res.path;
				},
				uploadError: function(res) {
					// something error
					console.log(res);
				}
			});
		});
	</script>
</html>